<!DOCTYPE html>
<html lang="en">
    <head>
        
        <meta charset="UTF-8">   
        <title>插值表达式</title>
        <script src="https://unpkg.com/vue@3.0.0-beta.17/dist/vue.global.js"></script>
    </head>
    <body>
        <div id="root">
               <label >性别</label>
               <input type="checkbox" v-model="sex" >
               <h2>用户信息</h2>
               <div>性别：
               <p v-if="sex==false">男</p>
               <p v-if="sex==true">女</p>
            </div>

           
        <script>
            const app=Vue.createApp({
                data(){
                    return{
                        sex:"",        
                    }     
                },

            });
            const vm=app.mount("#root");
        </script>
         
    </body>
</html>